<!-- 
    
/  ->  默认首页

以会员中心为例子

/user -------顶级路由（一级路由）

    /user/address -----二级路由
        /user/address/index  --收获地址列表（三级路由）
        /user/address/add  ----添加列表
        /user/address/edit -----修改列表


---------------------------------------------------安装路由（目的可以多级封装）------------------------------------------------------------
dependencies  运行生产环境下面的所安装的依赖（生产依赖）
npm install vue-router@4 --save
npm install vue-router@4 -S


devDependencies 运行开发环境下面的所安装的依赖（开发依赖）
npm install vue-router@4 --dev-save
npm install vue-router@4 -D

卸载(卸载的是时候看清楚安装时安在生成环境还是开发环境)
npm uninstall vue-router -S 
npm uninstall vue-router -D

npm install vue-router@4 -S（我们只要安装这个）


2、插件路由文件
假设我的页面路由地址是 ： /user/address/index

路由文件是： /src/routers/user/address.js ->index 路由

模板文件地址： /src/components/user/address/index.vue

@ 自定义的 src/ 目录


-----------------------------------------------安装ui 框架 vatq3---------------------------------------------
vue + router + ui框架 vantq3 + axios(异步请求通信插件 相当于 ajax)

安装ui 
i == install
npm i vant -s
-g 会放在dev/nvm/npm 里面，并生产cmd 命令行
-s 把生成的包放在node_modules 里面-s生产环境
-D 把生成的包放在node_modules 里面
导入所有组件
----------------------------------------------
安装axios异步请求通信工具 
npm axios -S    -s为了记录在生产环境
（可以发送post\get\请求）

---------------------------------------------
安装 yarm

查看是否安装 yrm --version
安装yar镜像源

---------------------------------------------
接口模块API
php think build --module api


----------------------------npm cnpm  yarn----------------------------
npm ls -g 查看所有全局安装的目录（nodejs 官方，国外，容易丢包）

卸载
npm uninstall 包的名称 -g

查看npm 默认设置
npm config ls 部分
npm config ls -l 全局

cnpm 国内淘宝镜像 （国内速度快，不容易掉包）https://npmirror.com/（有就有，没有就下载失败）


yarn 不容易掉包（多条线路下载）
检测是否安装完成  yarn --version
查看yarn 的镜像源 yrm --version

全局安装yarn镜像源
yarn gloal  add yrm 

查看 yarn --version

切换镜像源
yrm ls

----------yarn方式创建项目-----------------
yarn创建一个vue 项目
yarn create vite demo --template vue

安装依赖
yarn install

启动项目
yarn dev

-------------------------------node创建项目--------------------------------------------
进入项目目录 cd demo
初始化项目  生产packagege.json
yarn init
npm init
cnpm init

---------------------------------搜索一个包名 -------------------------------
npm search jquery

卸载
npm uninstall jquery -s

更新（重新装最新的）
npm update jquery@latest -s

--------------------------------域名产生---------------------
www.teach.com 主域名， 本身要开启，phpstudy 才可以，但是vue 前台有vite.config.js 文件，
就不需要了
vite.config.js -------代理请求

services->request.js-> 封住了所有 aip 的前缀



---------------------------------封装API接口---------------------------------
实现效果：(main.js,要引入aip里面所有js文件)
main.js文件->引进api文件里面的index->而api文件夹里面的index->要把base里面的所有js文件引入

1、在最底层的接口文件夹中// 这个是接口文件，是接口文件，都要发送请求，必须引入：请求的封装文件

async 异步请求---------> 请求发出后，用户不用等待结果，可以继续执行下一步
await  同步------------> 请求发出后，需要等待结果出来后，才能进行下一步

同步 $list=model('Post')->select()->直接拿结果
异步：mode('post')->select().then()----->然后再回来拿结果


<!-- 在vue中使用cookie 就要装插件 vue3-cookies -->
安装：npm install vue3-cookies --save
    yarn add vue3-cookies -S
挂载：

--------------------------单独添加获取器-------------------
1、使前端3000域名，获取到后台的域名




v-model 当前输入的值


---------------------------------------------------------------
后台属性输出到前台：要在属性前面家冒号： ：src="{{xxx}}"

后端的头像传在前端里面使用，但是，前后端的域名地址不一样，前端需要使用后端的域名，这时候
创建获取器？？？？？

1、添加获取器


-----------------城市滑动--------------------
1、安装地区初始化数据
npm install @vant/area-data --save







----------------------------vant框架运用------------------------------
1、事件even 的使用，查询该事件会添加在哪里，有什么返回值，输出返回值，看是否有用

2、后台传数据给前台，前台要调用接口

-------------关键词搜索-----------------
1、data={
    key:'';
} 给一个默认关键词

2、在 input 表单用 v-model 绑定关键词，然后给个@change事件

<!-- 退款退货-->
oriderid










































 -->
